﻿@using TomNet.IMSC.Model.DbModels.NewHouse;
@{
    Layout = null;
    var number = ViewBag.number;
    var UnionModule = ViewBag.UnionModule;
    var UnionID = ViewBag.UnionID;
    var topEntity = ViewBag.topEntity as BuildingTop; 
}

<!DOCTYPE html>


<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/Content/Css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="~/Content/Css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="~/Content/Css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="~/Content/Css/animate.css" rel="stylesheet">
    <link href="~/Content/Css/style.css?v=4.1.0" rel="stylesheet">
    <title>Insert</title>
    <link href="/Content/Css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="~/Content/common.css" rel="stylesheet">
    <link href="~/Content/Css/plugins/multiselect/bootstrap-multiselect.css" rel="stylesheet" />

    <style>
        /*.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 ,
        .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
        .btn-group {
            border-style: solid;
            border-width: 1px;
            border-color: #000;
        }*/
        .col-xs-3 {
            padding-left: 0px;
            padding-right: 0px;
        }
    </style>
</head>
<body>
    <div class="wrapper wrapper-content animated fadeInRight">
        <form class="form-horizontal m-t" id="mainForm">
            <input type="hidden" id="UnionModule" name="UnionModule" value="@topEntity.UnionModule" />
            <input type="hidden" id="UnionID" name="UnionID" value="@topEntity.UnionID" />
            <input type="hidden" id="Id" name="Id" value="@topEntity.Id" />

            <div class="row">
                <div class="col-sm-12">

                    <div class="form-group">
                        <label class="col-xs-3 control-label">开始日期：</label>
                        <div class="col-xs-9">
                            <input placeholder="开始日期" class="form-control layer-date" id="start" name="BeginTime" value="@topEntity.BeginTime">
                            <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请选择开始日期</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">结束日期：</label>
                        <div class="col-xs-9">
                            <input placeholder="结束日期" class="form-control layer-date" id="end" name="EndTime" value="@topEntity.EndTime">
                            <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请选择结束日期</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">置顶类型：</label>
                        <div class="col-xs-9">
                            <select class="form-control" name="TopType" id="TopType">
                                <option value='0' @(topEntity.TopType == 0 ? "selected" : "")>每天置顶</option>
                                <option value='1' @(topEntity.TopType == 1 ? "selected" : "")>单次置顶</option>
                                <option value='2' @(topEntity.TopType == 2 ? "selected" : "")>永久置顶</option>
                            </select>
                            <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请选择置顶类型</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">置顶顺序：</label>
                        <div class="col-xs-9">
                            <input id="ShowIndex" name="ShowIndex" type="number" max="10" min="1" value="@topEntity.ShowIndex" class="form-control">
                            <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请选择置顶顺序</span>
                        </div>
                    </div>
                </div>
            </div>



            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group" style="margin-bottom:0px;padding-top:20px">
                        <div class="col-xs-3">
                        </div>
                        <div class="col-xs-9">
                            <button id="submit" class="btn btn-primary pull-right" type="submit">
                                <i class="fa fa-check"></i>&nbsp;提&nbsp;交
                            </button>
                        </div>
                    </div>

                </div>
            </div>
        </form>
    </div>


    <!-- 全局js -->
    <script type="text/javascript" src="~/Scripts/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js?v=3.3.6"></script>
    <!-- jQuery Validation plugin javascript-->
    <script type="text/javascript" src="~/Scripts/plugins/validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="~/Scripts/plugins/validate/messages_zh.min.js"></script>
    <script type="text/javascript" src="~/Scripts/Extensions/ExtValidator.js"></script>

    <!-- layer javascript -->
    <script type="text/javascript" src="~/Scripts/plugins/layer/layer.min.js"></script>
    <script src="/Scripts/plugins/iCheck/icheck.min.js"></script>
    <!-- layerDate plugin javascript -->
    <script src="~/Scripts/plugins/layer/laydate/laydate.js"></script>
    <script src="~/Scripts/plugins/multiselect/bootstrap-multiselect.js"></script>

    <script type="text/javascript">
        $(function () {
            var icon = "<i class='fa fa-times-circle'></i> ";
            var validator = $("#mainForm").validate({
                rules: {
                    BeginTime: { required: true, },
                    EndTime: { required: true, },
                    TopType: { required: true, },
                    ShowIndex: { required: true, }
                },
                messages: {
                    BeginTime: { required: icon + "请选择开始日期", },
                    EndTime: { required: icon + "请选择结束日期", },
                    TopType: { required: icon + "请选择置顶类型", },
                    ShowIndex: { required: icon + "请输入置顶顺序", }
                },
                submitHandler: function (form) {
                    $.ajax({
                        url: "/NewHouse/Buildings/EditTopDataAsync",
                        type: "post",
                        dataType: "json",
                        data: $('#mainForm').serialize(),
                        success: function (data) {
                            //Info,Success,Warning,Error
                            var type = data.type;
                            if (type == 1) {
                                layer.msg(data.content, { icon: 6, time: 2000 },
                                    function () {
                                        var index = parent.layer.getFrameIndex(window.name);
                                        parent.layer.close(index);
                                    });

                            } else {
                                layer.msg(data.content, { icon: 5, time: 2000 });
                            }
                        }
                    });
                }
            });
        });
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: '1099-06-16 23:59:59', //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: '1099-06-16 23:59:59',
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

        laydate(start);
        laydate(end);
    </script>
</body>


</html>
